<!DOCTYPE html> 
<html> 
	<head> 
	<title>My Resident</title> 
	<meta name="viewport" content="width=device-width, initial-scale=1">
	
	<script src="js/jquery-1.7.1.min.js"></script>
    <script src ="js/jquery-ui-1.10.0.custom.min.js"></script>
    <link rel="stylesheet" href="css/jquery-ui.css" />
            
	<link rel="stylesheet" href="css/jquery.mobile-1.1.1.min.css" />
	<link rel="stylesheet" href="css/form.css" /> 
	<script src="js/jquery-ui-1.10.3.custom.min.js"></script>
        <script src="js/quickforms.js"></script>
		<script src="js/jquery.mobile-1.1.1.min.js"></script>
        <script src="NewVisit.js"></script>
		<script src="session.js"></script>

<style type="text/css" media="screen">
    .transparent { background:transparent }
</style>
    
</head> 
<body>
<!-- <body onload="getFieldSelection('rpp','visits',null,callback)"> -->

<form id="mainForm" method="post">
  
<div data-role="page" id="mainpage" data-theme="c">
	<div data-role="header">
		<h1 id="header">Resident Dashboard - </h1>
        <a href="logout.jsp" rel="external" data-role="button" data-inline="true" data-theme="c" class="ui-btn-right">Logout</a>
	</div><!-- /header -->

	<div data-role="content" data-inset="true">
		
        <a href="Visits.html" rel="external" data-role="button" data-inline="true" data-icon="back">Back</a>
		<a href="#" rel="external" onClick="putVisitFact()" data-role="button" data-inline="true" data-theme="b" data-icon="check">Submit</a>  
        <a id="deleteVisitButton" href="#" rel="external" onClick="removeVisit()" data-role="button" data-inline="true" data-theme="c" >Delete Visit</a>
            <!--   <a href ="#" data-role="button" data-inline="true" onclick="getFieldSelection('rpp','visits',null,callback)"> Click me </a> -->
        <br/>
        
        <a id="tracking" href="#tracking_page" data-rel="dialog" data-theme="c" data-icon="plus" data-role="button" onClick="loadData()"> -- Tracking --</a>
        <div id="tracking_selects" class="ui-body ui-body-b">
	<br />
	</div>
	<br />

        <a id="demographics" href="#demographics_page" data-rel="dialog" data-theme="c" data-icon="plus" data-role="button" onClick="loadData()"> -- Demographics --</a>
        <div id="demographics_selects" class="ui-body ui-body-b">
	<br />
	</div>
	<br />
        

        <a id="assessment" href="#assessment_page" data-rel="dialog" data-theme="c" data-icon="plus" data-role="button" onClick="loadData()"> -- Assessment --</a>
        <div id="assessment_selects" class="ui-body ui-body-b">
	<br />
	</div>
	<br />

	<label for="Self Assessment" class="ui-input-text">Self Assessment:</label>
	<label><input type="checkbox" onclick="checkNotes()" name="Option1" id="Reading" value="Reading "/>Reading </option></label>
        <label><input type="checkbox" onclick="checkNotes()" name="Option2" id="MoreCases" value="More Cases "/> More Cases </option></label>
		<label><input type="checkbox" name="Option3" value="Comfortable to see unsupervised "/> Comfortable to see unsupervised </option></label>
        
    	
	<label for="notes" class = "ui-input-text">Notes:</label>
  <input type="text" id="notes" name="notes"/>
    <br/>
    
	<a href="Visits.html" rel="external" data-role="button" data-inline="true" data-icon="back">Back</a>
	<a href="#" rel="external" onClick="putVisitFact()" data-role="button" data-inline="true" data-theme="b" data-icon="check">Submit</a>  
   
    
	</div>	
		
	<div data-role="footer">
	   <h4></h4>
	</div>

</div><!-- /page -->

<div id="tracking_page" data-role="page" data-theme="c"> 
				<div style="display:block;background-color:#FFF">
				  <a href="#" onclick ="$('#tracking_page').dialog('close')" data-role="button" data-inline="true" data-icon="back">Back</a>
				  <a href="#mainpage" onclick ="changeTracking()" rel="external" data-role="button" data-inline="true" data-theme="b" data-icon="check">Submit</a>

				<br/>


				<label for="service" class="ui-input-text">Service:</label>
				<select name="service" id="service" data-native-menu='false'>
				<option value="Not"> -- Not Selected -- </option>
				<option value="Ottawa">Family Medicine Clinic</option>
				<option value="Toronto">Emergency Care</option>
				<option value="Montreal">Other Rotation...</option>
				</select>

				<label for="location" class="ui-input-text">Location:</label>
				<select name="location" id="location" data-native-menu='false'>
				<option value="Not"> -- Not Selected -- </option>
				<option value="Ottawa">Ottawa Hospital</option>
				<option value="Toronto">Toronto Med</option>
				<option value="Montreal">Long Term Care Facility</option>
				</select>

				<label for="supervising" class="ui-input-text">Supervising Physician:</label>
				<select name="supervising" id="supervising" data-native-menu='false'>
				<option value="Not"> -- Not Selected -- </option>
				<option value="SeanD" >Sean Dube</option>
				<option value="ShawnD">Shawn Dexter</option>
				<option value="Steve">Steve Dupois</option>
				<option value="Eric">Eric Walton</option>
				</select>

				<label for="date">Date:</label>
				<input name="date" id="date" type="text" class="date">
				<fieldset data-role="controlgroup" data-type="horizontal">
				<legend>After Hours:</legend>
				<input type="radio" name="afterhours" id="ahYes" value="1"/>
				<label for="ahYes" id="ahyes1">Yes</label>

				<input type="radio" name="afterhours" id="ahNo" value="0" checked="checked"  />
				<label for="ahNo" id="ahno1">No</label>
				</fieldset>
				<br/>
				

				<br/>
				  <a href="#" onclick ="$('#tracking_page').dialog('close')" data-role="button" data-inline="true" data-icon="back">Back</a>
				  <a href="#mainpage" onclick ="changeTracking()" rel="external" data-role="button" data-inline="true" data-theme="b" data-icon="check">Submit</a>


				</div>
</div> 
<div id="demographics_page" data-role="page" data-theme="c"> 
			<div style="display:block;background-color:#FFF">
			  <a href="#" onclick ="$('#demographics_page').dialog('close')" data-role="button" data-inline="true" data-icon="back">Back</a>
			  <a href="#mainpage" onclick ="changeDemographics()" rel="external" data-role="button" data-inline="true" data-theme="b" data-icon="check">Submit</a>

			<br/>
			<label for="age" class="ui-input-text">Age:</label>
			<select name="age" id="age" data-native-menu='false'>
			<option value="Not"> -- Not Selected -- </option>
			<option value="0-2" >0-2 Yr</option>
			<option value="3-5" >3-5 Yr</option>
			<option value="6-12">6-12 Yr</option>
			<option value="13-20">13-20 Yr</option>
			<option value="21-35">21-35 Yr</option>
			<option value="36-50">36-50 Yr</option>
			<option value="51-65">51-65 Yr</option>
			<option value="66-80">66-80 Yr</option>
			<option value="81+">81+ Yr</option>
			</select>

			<label for="gender" class="ui-input-text">Gender:</label>
			<select name="gender" id="gender" data-native-menu='false'>
			<option value="Not"> -- Not Selected -- </option>
			<option value="Male" >Male</option>
			<option value="Female" >Female</option>
			<option value="Trans">Uncertain/Indetermined</option>
			</select>

			<fieldset data-role="controlgroup" data-type="horizontal">
			<legend>I have seen this Patient before:</legend>
			<input type="radio" name="seenbefore" id="Yes" value="1"/>
			<label for="Yes">Yes</label>

			<input type="radio" name="seenbefore" id="No" value="0" checked="checked"/>
			<label for="No">No</label>
			</fieldset>
			
			<label class="ui-input-text">Care of Special Population: </label>
			<input type="checkbox" id="sp_refugee" name="sp_refugee" value="1"/></option>
			<label for="sp_refugee"> Immigrant / Refugee </label>
			<input type="checkbox" id="sp_homeless" name="sp_homeless" value="1"/></option>
			<label for="sp_homeless"> Homeless/low income </label>
			<input type="checkbox" name="sp_disability" id="sp_disability" value="1"/></option>
			<label for="sp_disability"> Patient with Disabilities including Developmental Delay</label>
			<input type="checkbox" name="sp_aboriginal" id="sp_aboriginal" value="1"/></option>
			<label for="sp_aboriginal"> Aboriginal Patient</label>
			<br/>
			  <a href="#" onclick ="$('#demographics_page').dialog('close')" data-role="button" data-inline="true" data-icon="back">Back</a>
			  <a href="#mainpage" onclick ="changeDemographics()" rel="external" data-role="button" data-inline="true" data-theme="b" data-icon="check">Submit</a>


			</div>
</div> 
<div id="assessment_page" data-role="page" data-theme="c"> 
			<a href="#mainpage" data-role="button" data-inline="true" data-icon="back">Back</a>
			<a href="#mainpage" onclick="changeDiagnosis()" rel="external" data-role="button" data-inline="true" data-theme="b" data-icon="check">Submit</a>

			<div data-role="navbar">
			<ul>
			<li><a href="#child" onclick="show_me('child','Care of Children');" data-theme="c">Children</a></li>
			<li><a href="#maternity" onclick="show_me('maternity','Maternity and New Born');" data-theme="c">Maternity</a></li>
			<li><a href="#general" onclick="show_me('general','Care of Adult');" data-theme="c">Adult</a></li>
			<li><a href="#end_of_life" onclick="show_me('end_of_life','End of life Care');" data-theme="c">End of Life</a></li>
			<li><a href="#elderly" onclick="show_me('elderly','Care of Elderly');" data-theme="c">Elderly</a></li>
			<li><a href="#procedure" onclick="show_me('procedure','Procedure');" data-theme="c">Procedure</a></li>
			</ul>
			</div>
			<br/>
			<label id="assessment_header" class="ui-input-text">Care of Adult</label>
			<!-- This is for adults tab -->
			<div id="general" style="display:block;background-color:#FFF">		
			<div id="general_select">
			</div>
			</div>

			<div id="elderly">
			</div>
			
			<div id="child" style="display:block;background-color:#FFF">					
			<div id="child_select">
			</div>
			
			</div>
			

			<div id="procedure">
			<div id="procedure_select">
			</div>
			
			</div>

			<div id="maternity">
			<div id="maternity_select">
			</div>
				
			</div>



			<div id="end_of_life">
			</div>



			<a href="#mainpage" data-role="button" data-inline="true" data-icon="back">Back</a>
			<a href="#mainpage" onclick="changeDiagnosis()" rel="external" data-role="button" data-inline="true" data-theme="b" data-icon="check">Submit</a>

</div> 




</form>  
</body>
</html>
